<script>
    import Header from '../../components/header.vue';
    export default{
        name:'helpOrFeedback',
        components:{
            Header
        },
        data(){
            return{
                headData:{
                    title:'帮助与反馈',
                    rightText:"未能解决问题？联系客服",
                },
                questionList:[
                    {
                        title:'1、播放课程视频遇到卡顿、黑屏等情况？',
                        type:2,
                        open:false,
                        childrens:[
                            {title:`您好，这个可能是由于您的网络缓慢或者设备与应用适配问题导致的；您可以先尝试一下关机重启；如果还是不行的话，您可以试一下清理设备缓存或者卸载应用后重新安装。
                                如果以上两个方法尝试后，还是出现该问题，请添加我们的客服人员微信（sprout-edu2020）反馈当前问题。`,
                            type:1},
                            
                        ]
                    },
                    {
                        title:'2、已成功支付了，但仍提示需要购买会员？',
                        type:2,
                        open:false,
                        childrens:[
                            {title:`您好，这个可能是由于您没有登录购买时所注册的账号导致，请您重新登录一下账号试一下。或者是由于系统缓存，导致会员权限充值失败，请添加我们的客服人员微信（sprout-edu2020）反馈当前问题。`,type:1},
                        ]
                    },
                    {
                        title:'3、点击购买会员，但无任何反应，无法跳转支付？',
                        type:2,
                        open:false,
                        childrens:[
                            {title:'您好，您可以先尝试一下关机重启或者卸载应用后重新安装。如果还是不行的话，请添加我们的客服人员微信（sprout-edu2020）反馈当前问题。',
                            type:1},
                        ]
                    },
                    {
                        title:'4、购买会员后，是所有课程都可以观看，还是只能看一个年级？',
                        type:2,
                        open:true,
                        childrens:[
                            {title:'您好，购买会员后，当前所有年级、科目的课程都是可以任意观看的。',
                            type:1},
                        ]
                    },
                    {
                        title:'5、会员到期后，会自动扣钱续费吗？',
                        type:2,
                        open:true,
                        childrens:[
                            {title:'您好，这个您可以放心；会员到期后，会员权限会自动失效，不会自动扣费；如果您还需继续观看课程，请再次购买相应的会员套餐。',type:1},
                        ]
                    },
                    {
                        title:'6、页面提示我访问的页面出错，请稍候再试是什么意思？',
                        type:2,
                        open:true,
                        childrens:[
                            {title:'您好，出现此提示的原因很多，有可能是系统繁忙，也有可能是网络问题，我们会安排技术人员进行处理，建议您稍候再试，给您造成的不便表示抱歉。',type:1},
                        ]
                    },
                ],
            }
        },
        mounted(){
            let u = navigator.userAgent, // 拿取userAgent
            val = u.match(/from_app\;(.*)/);
            let data = val[1];
            window.localStorage.setItem('tm_token',data);
        },
        methods:{
           
            backClick(){
                try {
                    window.WebViewJavascriptBridge.callHandler('backFromHtml')
                    
                } catch (error) {
                    backFromHtml.postMessage("");  
                }
            },
            routeQuestion(){
                this.$router.push({path:'./questionFeedback'})
            },
            rightClick(){
                try {
                        window.WebViewJavascriptBridge.callHandler('service_popup')
                        
                    } catch (error) {
                        service_popup.postMessage("");  
                    }
            },
            clickQuestion(v){
                if(v.type==1){
                    console.log('跳转');
                }
                else{
                    v.open = !v.open;
                }
            }
        }
    }
</script>
<template>
    <div class="helpOrFeedback">
        <Header ref="header" :title="headData.title" :rightText="headData.rightText" 
        rightButton backButton @handeBackClick = "backClick"
        @handeRightClick="rightClick"></Header>
        <div class="question">
            <div class="question-item" v-for="(v,i) in questionList" :key="i">
                <div class="question-title" @click="clickQuestion(v)">
                    <span>{{ v.title }}</span>
                    <span>
                        <img :src="require(`../../assets/image/zhixiang${v.type==1?'1':v.type==2&&v.open?'2':'3'}.png`)"  alt="" />
                    </span>
                </div>
                <div class="child-question" v-if="v.childrens.length>0&&v.open">
                    <div class="child-title"  v-for="(c,index) in v.childrens" :key="index" @click="clickQuestion(c)">
                        <span>{{ c.title }}</span>
                        <!-- <span>
                            <img src="@/assets/image/zhixiang1.png" alt="" />
                        </span> -->
                    </div>
                </div>
            </div>
        </div>
        <div class="feedbackBtn" @click="routeQuestion"> 
            问题反馈
        </div>
    </div>
</template>
<style lang="scss">
@import './index.scss';
</style>